
/*移动端需要平滑滚动以及回弹效果的，则可以直接添加class:scroll-touch*/

.scroll-touch {
  -webkit-overflow-scrolling: touch;
}
.themeprimary {
  color: #409eff
}

.primary {
  color: #409eff
}

.primary-border {
  border: 1px solid #409eff
}
.primary-border-left {
  border-left: 1px solid #409eff
}
.primary-bg{
  background: #409eff
}

.light-gray-bg {
  /* background: #f3f3f3 */
  /* background: #fcfcfc */
  background: #f5f7fa
}

.white-bg {
  background: #fff;
}



.red-text {
  color: red
}

.center {
  text-align: center
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.hide,
.none {
  display: none !important;
}

.show {
  display: block !important;
}

/* 占位，但看不见的 */

.invisible {
  visibility: hidden;
}

/* 文字隐藏 */

.text-hide {
  border: 0;
  font: 0/0 a;
  color: transparent;
  background-color: transparent;
  text-shadow: none;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.height-100-percent {
  height: 100%
}

.width-100-percent {
  width: 100%
}

.flex {
  display: flex !important;
}

.flex-middle {
  display: flex;
  align-items: center;
}


.flex-center {
  display: flex;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.nowrap{
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  display: flex;
  flex-direction: column
}

.flex-stretch {
  align-items: stretch
}

.flex-space-between {
  justify-content: space-between;
}

.flex-space-around {
  justify-content: space-around;
}

.flex-1 {
  flex-grow: 1
}

.flex-2 {
  flex-grow: 2
}

.flex-4 {
  flex-grow: 4
}

.flex-6 {
  flex-grow: 6
}

.flex-8 {
  flex-grow: 8
}

.flex-10 {
  flex-grow: 10
}

.disaplay-relative {
  display: relative !important;
}

.disaplay-absolute {
  display: absolute !important;
}
